<div class="row-fluid">
    <div class="span5 codebox">
        <div class="codetitle">slidebar 代码</div>
        <xmp class="prettyprint  linenums">
            <div class="page-sidebar nav-collapse collapse">
                <ul class="page-sidebar-menu">
                    <li>
                        <a href="#">
                            <i class="icon-cogs"></i>
                            <span class="title">UI组件</span>
                            <span class="arrow "></span>
                        </a>
                        <ul class="sub-menu">
                            <li><a href="#">二级目录1</a></li>
                            <li><a href="#">二级目录2</a></li>
                            <li><a href="#">二级目录3</a></li>
                            <li><a href="#">二级目录4</a></li>
                        </ul>
                    </li>
                    <li><a href="#">目录一</a></li>
                    <li><a href="#">目录一</a></li>
                    <li><a href="#">目录一</a></li>
                </ul>
            </div>
        </xmp>
    </div>
    <div class="span7 explamebox">
        这里是sidebar代码
    </div>
</div>